<template>
  <div>
    <a-modal
      width="500px"
      :title="$t('all.autotext730')"
      :visible="visible"
      :footer="null"
      @cancel="handleCancel"
    >
      <div style="font-size:18px;font-weight:500">您还没有保存配置内容，是否保存？</div>
      <div style="text-align:right;margin-top:30px">
        <a-space>
          <a-button type="primary" :loading="saveLoading" @click="savePage()">{{ $t('all.autotext321') }}</a-button>
          <a-button type="danger" @click="exitPage()">{{ $t('all.autotext86') }}</a-button>
          <!-- <a-button @click="handleCancel" >关闭</a-button> -->
        </a-space>
      </div>
    </a-modal>
  </div>
</template>
<script>
export default {
  props: {
    visible: {
      type: Boolean,
      default: false
    },
    saveLoading: {
      type: Boolean,
      default: false
    }
  },
  methods: {
    handleCancel () {
      this.$emit('handleCancel')
    },
    savePage () {
      this.$emit('savePage')
    },
    exitPage () {
      this.$emit('exitPage')
    }
  }
}
</script>
